<html xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" >  

    <!--    <h:body>-->
    <ui:composition template="layout.xhtml">

        <ui:define name="corpo">
            <h:form>
                <div id="breadcrumb">
                    <p:commandLink  actionListener="#{managerIndex.redirect('index.xhtml')}" value="Inicio" update="@form" immediate="true"/> >
                    <p:commandLink  actionListener="#{managerIndex.redirect('indexPessoa.xhtml')}" value="Cliente" update="@form" immediate="true"/> >
                    <p:commandLink  value="Editar Cliente" update="@form" immediate="true"/>
                </div>
            </h:form>
            <h:form id="editar_form" acceptcharset="utf-8"> 
                <p:panel header="Editar Cliente">
                     <p:messages id="msg"/>
                    <fieldset>
                        <legend>Dados Pessoais</legend>
                        <h:panelGrid columns="2"  border="0" styleClass="textAlignRight" columnClasses="textAlignRight"> 
                            <h:outputLabel value="Nome: "/>

                            <p:inputText value="#{managerEditarPessoa.pessoa.nome}"
                                         id="nome_pessoa"
                                         required="true" size="50" 
                                         requiredMessage="O campo nome deve ser preenchido "/>
                            
                            <h:outputLabel value="Data Nasc.: " rendered="#{managerEditarPessoa.exibe}"/>
                            <p:calendar id="prefix" value="#{managerEditarPessoa.pessoa.dataNasc}"
                                            rendered="#{managerEditarPessoa.exibe}"
                                                mode="popup" pattern="dd/MM/yyyy" showOn="button"
                                                locale="pt" showButtonPanel="true" navigator="true" 
                                                size="17"/>
                            
                            <h:outputLabel value="RG:" rendered="#{managerEditarPessoa.exibe}"/>  
                            <p:inputText value="#{managerEditarPessoa.pessoa.rg}" 
                                         rendered="#{managerEditarPessoa.exibe}"
                                         id="rg_pessoa" requiredMessage="o campo rg deve ser preenchido" maxlength="11" style="width: 165px"/>
                            
                            <h:outputLabel value="CPF:" rendered="#{managerEditarPessoa.exibe}"/>  
                            <p:inputMask value="#{managerEditarPessoa.pessoa.cpf}" 
                                         rendered="#{managerEditarPessoa.exibe}"
                                         id="cpf_pessoa" requiredMessage="o campo cpf deve ser preenchido" mask="999.999.999-99"   maxlength="11" style="width: 165px"/> 
                            
                           <h:outputLabel value=" Sexo: " rendered="#{managerEditarPessoa.exibe}" />  
                            <p:selectOneRadio id="sexo" value="#{managerEditarPessoa.pessoa.sexo}"  
                                              label="Sexo" rendered="#{managerEditarPessoa.exibe}">  
                                <f:selectItems value="#{managerEditarPessoa.selectItemSexo()}"/>                     
                            </p:selectOneRadio>
                           
                            <h:outputLabel value="Estado Civil: " rendered="#{managerEditarPessoa.exibe}" />  
                            <p:selectOneMenu id="estado_pessoa"  style="width: 165px" 
                                             value="#{managerEditarPessoa.pessoa.estadocivil}"  
                                             label="Estado Civil" rendered="#{managerEditarPessoa.exibe}">  
                                <f:selectItems value="#{managerEditarPessoa.selectItemEstadoCivil()}"/>                   
                            </p:selectOneMenu> 
                            
                            <h:outputLabel value="CNPJ: " rendered="#{managerEditarPessoa.exibeCnpj}"  />  
                            <p:inputMask value="#{managerEditarPessoa.pessoa.cnpj}" 
                                         rendered="#{managerEditarPessoa.exibeCnpj}"
                                         id="cnpj_pessoa" mask="99.999.999/9999-99" maxlength="14" style="width: 165px"/> 
                            <h:outputLabel value="Profissão:" rendered="#{managerEditarPessoa.exibe}"/>  
                            <p:inputText value="#{managerEditarPessoa.pessoa.profissao}" 
                                         rendered="#{managerEditarPessoa.exibe}"
                                         required="false" 
                                         id="prof_pessoa" style="width: 165px"/>
                        </h:panelGrid>  
                    </fieldset> 
                    <br/>
                    <fieldset id="fildendereco">
                        <legend>Dados do Endereço</legend> 
                        <h:panelGrid columns="4"  border="0" styleClass="textAlignRight" columnClasses="textAlignRight">

                            <h:outputLabel value="Tipo Log: "/> 
                            <p:selectOneMenu id="tipo_logradouro"  style="width: 165px" value="#{managerEditarPessoa.endereco.tipo_logradouro}"  
                                             label="Tipo ">  
                                <f:selectItems value="#{managerEditarPessoa.selectItemTipoLogradouro()}"/>                   
                            </p:selectOneMenu> 
                            <h:outputText value="Cidade: " for="cidade"/>
                            <p:autoComplete id="cidadeEstado" value="#{managerEditarPessoa.endereco.cidade}" completeMethod="#{managerEndereco.completeCidade}"   
                                            var="cidadeEstado" required="true" requiredMessage="O campo cidade deve ser preenchido" itemLabel="#{cidadeEstado.nom_cidade} - #{cidadeEstado.cod_estado.nom_estado}" itemValue="#{cidadeEstado}" converter="cidadeConverter" forceSelection="true" converterMessage="Erro, verifique a cidade" minQueryLength="3" maxResults="10" dropdown="true"> 
                            </p:autoComplete>
                            <h:outputLabel value="Logradouro: "/>
                            <p:inputText  id="logradouro" value="#{managerEditarPessoa.endereco.logradouro}" size="45" required="true"  requiredMessage="o campo logradouro deve ser preenchido"/>
                            <h:outputLabel value="Bairro: "/>
                            <p:inputText  id="bairro" value="#{managerEditarPessoa.endereco.bairro}" size="45"/>
                            <h:outputLabel value="Número: "/>
                            <p:inputText  id="numero" value="#{managerEditarPessoa.endereco.numero}" />
                            <h:outputLabel value="CEP: "/>
                            <p:inputMask value="#{managerEditarPessoa.endereco.cep}" mask="99.999-999" id="cep" />
                            <h:outputLabel value="Telefone: "/>
                            <p:inputMask value="#{managerEditarPessoa.endereco.telefone}" mask="99-9999-9999" id="telefone" />
                            <h:outputLabel value="Celular: "/>
                            <p:inputMask value="#{managerEditarPessoa.endereco.celular}" mask="99-9999-9999" id="celular" />

                        </h:panelGrid>
                        <br/>

                    </fieldset>
                </p:panel>
                <div class="buttonAction">
                     <p:commandButton icon="ui-icon-disk" value="Alterar" actionListener="#{managerEditarPessoa.atualizar()}" update="msg"/>
                     <p:commandButton icon="ui-icon-arrowreturnthick-1-w" value="Cancelar" actionListener="#{managerIndex.redirect('indexPessoa.xhtml') }" immediate="true" />
                </div>
                  

            </h:form>
        </ui:define>
    </ui:composition>
</html>